body {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
	font-size: 13px;
}


.center {
	width: 1450px;
	margin: 0 auto;
}

a {
	text-decoration: none;
	font-size: 13px;
	color: #000;
}

.span-con {
	font-size: 13px;
}

/* nav部分 */
.nav {
	height: 35px;
	background-color: #f6f6f6;
	line-height: 35px;
}

.nav-content {
	display: flex;
	justify-content: space-between;
}

.nav-qiehuan1 {
	color: gray;
	margin-left: 5px;
}

.nav-qiehuan2 {
	color: #ff6a00;
}

.diqu {
	width: 120px;
	height: 35px;
}

.diqu-hove {
	width: 440px;
	height: 240px;
	display: none;
	background-color: white;
}

.diqu-hove-title {
	display: flex;
	justify-content: space-between;
	padding: 0 40px;
	box-sizing: border-box;
	position: relative;
	background-color: #f6f6f6;
	z-index: 5;
}

.diqu-hove-title span {
	display: inline-block;
}

.span-chengdu {
	display: inline-block;
	font-size: 16px;
	height: 35px;
	/* line-height: 35px; */
}

.diqu-hove-content {
	width: 440px;
	height: 180px;
	padding-top: 15px;
	padding: 0 10px 0 10px;
	box-sizing: border-box;
	position: absolute;
	top: 35px;
	left: 0;
	display: none;
	overflow: scroll;
	background-color: white;
	z-index: 5;
}

/* 修改垂直滚动条的样式 */
::-webkit-scrollbar {
	width: 10px;
	/* 设置滚动条的宽度 */
}

::-webkit-scrollbar-track {
	background-color: white;
	/* 设置滚动条轨道的背景颜色 */
}

::-webkit-scrollbar-thumb {
	background-color: #cccccc;
	/* 设置滚动条的颜色 */
	border-radius: 5px;
	/* 设置滚动条圆角半径 */
}

/* 修改水平滚动条的样式 */
::-webkit-scrollbar-horizontal {
	height: 2px;
	/* 设置滚动条的高度 */
}

::-webkit-scrollbar-thumb:hover {
	background-color: #aaa;
	/* 设置当鼠标悬停在滚动条上时的颜色 */
}

.remen {
	display: flex;
	flex-wrap: wrap;
	/* display: none; */
}

.remen span {
	display: block;
	text-align: center;
	font-size: 12px;
	height: 30px;
	width: 80px;
}

/* 
.ABCD {
	position: absolute;
	top: 0;
	left: 0;
} */
/* 导航栏悬停效果 */

.hove1:hover+.diqu-hove-content {
	display: block;
}

.hove2:hover+.diqu-hove-content {
	display: block;
}

.hove3:hover+.diqu-hove-content {
	display: block;
}

.hove4:hover+.diqu-hove-content {
	display: block;
}

.hove5:hover+.diqu-hove-content {
	display: block;
}

.hove6:hover+.diqu-hove-content {
	display: block;
}

.diqu-hove-content:hover {
	display: block;
}

.diqu:hover+.diqu-hove {
	display: block;
}

.diqu-hove:hover {
	display: block;
}

/* nav-right部分 */
.nav-c-right a {
	margin: 0 20px;
}

.nav-c-right a:hover {
	color: #ff6a00;
}

.remen>span {
	font-size: 13px;
}

/* bignav 第二个导航栏部分 */
.secondnav {
	position: relative;
}

.bignav {
	display: flex;
	justify-content: space-between;
	height: 80px;
	align-items: center;
	/* position: relative; */
}

.img-logo {
	width: 140px;
	height: 40px;
}

.img-logo2 {
	width: 150px;
	height: 50px;
}

.big-2 {
	width: 720px;
}

.big-2 ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.big-2 ul li {
	width: 16%;
	text-align: center;
}


.xiaoguotu {
	height: 150px;
	position: absolute;
	width: 100vw;
	top: 80px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.zhaozhuangxiu {
	/* height: 150px; */
	position: absolute;
	width: 100vw;
	top: 80px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
	background-color: white;
}

.xuezhuangxiu {
	/* height: 150px; */
	position: absolute;
	width: 100vw;
	top: 80px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
	background-color: white;
}

.gengduo {
	/* height: 150px; */
	position: absolute;
	width: 100vw;
	top: 80px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
	background-color: white;
}

.xiaoguo-fenlei {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
}

.class1 {
	width: 270px;
	height: 90px;
	padding: 0 30px;
	box-sizing: border-box;
	border-right: 1px solid #f0f0f0;
}

.class2 {
	width: 270px;
	height: 90px;
	padding: 0 30px;
	box-sizing: border-box;
	border-right: 1px solid #f0f0f0;
}

.class3-1 {
	width: 200px;
	height: 90px;
	padding: 0 30px;
	box-sizing: border-box;
	border-right: 1px solid #f0f0f0;
}

.class3-2 {
	width: 270px;
	height: 90px;
	padding: 0 30px;
	box-sizing: border-box;
	border-right: 1px solid #f0f0f0;
}

.class3-3 {
	width: 130px;
	height: 90px;
	padding: 0 30px;
	box-sizing: border-box;
	border-right: 1px solid #f0f0f0;
}

.class1 p {
	text-align: left;
}

.class3-1 p {
	text-align: left;
}

.class3-2 p {
	text-align: left;
}

.class3-3 p {
	text-align: left;
}

.dis-sapn {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.class1 span {
	width: 65px;
	text-align: left;
	display: inline-block;
	line-height: 30px;
	font-size: 15px;
}

.class3-1 span {
	width: 65px;
	text-align: left;
	display: inline-block;
	line-height: 30px;
	font-size: 15px;
}

.class3-2 span {
	width: 65px;
	text-align: left;
	display: inline-block;
	line-height: 30px;
	font-size: 15px;
}

.class3-3 span {
	width: 65px;
	text-align: left;
	display: inline-block;
	line-height: 30px;
	font-size: 15px;
}


.xiaoguotu-img {
	width: 320px;
	padding: 0 40px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;
}

.zhaozhuangxiu-img {
	width: 220px;
	padding: 0 40px;
	box-sizing: border-box;
	/* display: flex; */
	/* justify-content: center; */
}

.xuezhuangxiu-img {
	width: 560px;
	padding: 0 40px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;
}

.gengduo-img1 {
	width: 780px;
	padding: 0 40px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;
}

.gengduo-img2 {
	width: 450px;
	padding-right: 40px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;
}

.gengduo-img3 {
	width: 190px;
	padding-right: 40px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;
}

.big-2 ul li>span {
	display: block;
	height: 80px;
	line-height: 80px;
}

/* 2导航栏悬停效果 */
.xiaoguo-hover>span:hover+div {
	display: block;
}

.sp0 {
	color: #ff6a00;
	cursor: pointer;
}

.sp1:hover {
	color: #ff6a00;
	cursor: pointer;
}

.sp-shouzhi {
	cursor: pointer;
}

.sp-shouzhi:hover {
	color: #ff6a00;
	cursor: pointer;
}

.dis-span span:hover {
	color: #ff6a00;
	cursor: pointer;
}

.xiaoguotu:hover {
	display: block;
	cursor: pointer;
}

.zhao-hover>span:hover+div {
	display: block;
}

.zhaozhuangxiu:hover {
	display: block;
	cursor: pointer;
}

.xue-hover>span:hover+div {
	display: block;
}

.xuezhuangxiu:hover {
	display: block;
	cursor: pointer;
}

.gengduo-hover>span:hover+div {
	display: block;
}

.gengduo:hover {
	display: block;
	cursor: pointer;
}

.class1>p {
	color: #999;
	text-align: left;
	margin: 5px 0;
}

/* .class2>p {
	color: #999;
	text-align: left;
	margin: 5px 0;
} */

/* 导航栏精灵图部分 */
.sprite-2 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	margin: 0 auto;
}

.zhaozhuangxiu-img:hover .sprite-2 {
	background-position: 0 -60px;
}

.sprite3-1 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	background-position: -60px 0;
	margin: 0 auto;
}

.spriteHover3-1:hover .sprite3-1 {
	background-position: -60px -60px;
}

.sprite3-2 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	background-position: -120px 0;
	margin: 0 auto;
}

.spriteHover3-2:hover .sprite3-2 {
	background-position: -120px -60px;
}

.sprite3-3 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	background-position: -180px 0;
	margin: 0 auto;
}

.spriteHover3-3:hover .sprite3-3 {
	background-position: -180px -60px;
}

.sprite3-4 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	background-position: -240px 0;
	margin: 0 auto;
}

.spriteHover3-4:hover .sprite3-4 {
	background-position: -240px -60px;
}

.sprite4-1 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	background-position: 0px -120px;
	margin: 0 auto;
}

.spriteHover4-1:hover .sprite4-1 {
	background-position: 0 -180px;
}

.sprite4-2 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0 auto;
}

.spriteHover4-2:hover .sprite4-2 {
	background-position: 0 -60px;
}

.sprite4-3 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	background-position: -60px -120px;
	margin: 0 auto;
}

.spriteHover4-3:hover .sprite4-3 {
	background-position: -60px -180px;
}

.sprite4-4 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	background-position: -120px -120px;
	margin: 0 auto;
}

.spriteHover4-4:hover .sprite4-4 {
	background-position: -120px -180px;
}

.sprite4-5 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	background-position: -180px -240px;
	margin: 0 auto;
}

.spriteHover4-5:hover .sprite4-5 {
	background-position: -180px -300px;
}

.sprite4-6 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	background-position: -240px -240px;
	margin: 0 auto;
}

.spriteHover4-6:hover .sprite4-6 {
	background-position: -240px -300px;
}

.sprite4-7 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	background-position: -240px -120px;
	margin: 0 auto;
}

.spriteHover4-7:hover .sprite4-7 {
	background-position: -240px -180px;
}

.sprite4-8 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	background-position: 0px -240px;
	margin: 0 auto;
}

.spriteHover4-8:hover .sprite4-8 {
	background-position: 0 -300px;
}

.sprite4-9 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	background-position: -60px -240px;
	margin: 0 auto;
}

.spriteHover4-9:hover .sprite4-9 {
	background-position: -60px -300px;
}

.sprite4-10 {
	width: 60px;
	height: 60px;
	background-image: url('../images/nav_m.png');
	background-repeat: no-repeat;
	background-position: -120px -240px;
	margin: 0 auto;
}

.spriteHover4-10:hover .sprite4-10 {
	background-position: -120px -300px;
}




.big-3 {
	width: 258px;
	height: 38px;
	position: relative;
}

.big-3 input {
	outline: none;
	width: 258px;
	height: 34px;
	border: 1px solid #eeeeee;
}

.big-3>div {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 4px;
	right: 10px;
	/* background-color: red; */
	z-index: 6;
	background-image: url('../images/zy_m.png');
	background-repeat: no-repeat;
	background-position: -120px 0;
}


/* 轮播图 */
.lunbo div img {
	width: 100%;
	height: 500px;
}

/* col部分 */
.col-display {
	display: flex;
	width: 100%;
	height: 150px;
	padding: 40px 9px 50px 11px;
}

.colu-row {
	width: 20%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	border: 1px solid #eeeeee;
	transition: 0.2s linear;
	background-color: #fff;
}


.colu-row:hover {
	transform: scale(1.03, 1.03);
	box-shadow: 0 13px 40px rgb(85, 85, 85);
}

.colu-txt {
	margin: 48px 0 0 24px;
}

.colu-txt h3 {
	font-size: 24px;
	font-weight: 400;
	margin: 0 0 10px 0;
}

.colu-txt span {
	font-size: 14px;
}

.colu-sprit-1 {
	margin: 49px 24px 0 0px;
	width: 60px;
	height: 60px;
	background-image: url('../images/zy_m.png');
	background-repeat: no-repeat;
	background-position: 0 -30px;
}

.colu-sprit-2 {
	margin: 49px 24px 0 0px;
	width: 60px;
	height: 60px;
	background-image: url('../images/zy_m.png');
	background-repeat: no-repeat;
	background-position: -60px -30px;
}

.colu-sprit-3 {
	margin: 49px 24px 0 0px;
	width: 60px;
	height: 60px;
	background-image: url('../images/zy_m.png');
	background-repeat: no-repeat;
	background-position: -120px -30px;
}

.colu-sprit-4 {
	margin: 49px 24px 0 0px;
	width: 60px;
	height: 60px;
	background-image: url('../images/zy_m.png');
	background-repeat: no-repeat;
	background-position: -180px -30px;
}

.colu-sprit-5 {
	margin: 49px 24px 0 0px;
	width: 60px;
	height: 60px;
	background-image: url('../images/zy_m.png');
	background-repeat: no-repeat;
	background-position: -240px -30px;
}

/* 单独文本部分 */
.h2 {
	height: 80px;
	text-align: center;
	font-size: 40px;
	font-weight: 400;
	margin: 0;
}

.litte-title {
	text-align: center;
	margin-top: 20px;
	/* line-height: 16px; */
}

.litte-title>p {
	display: inline-block;
	width: 125px;
	font-size: 16px;
	line-height: 16px;
}

.little-p {
	border-right: 1px solid #e5e5e5;
}

/* 公司项目集合部分 */
.items {
	/* height: 901px; */
	margin: 15px 0 0 0;
	display: flex;
	flex-wrap: wrap;
}

.items>a {
	display: block;
	width: 20%;
	height: 345px;
	border: 1px solid #eee;
	box-sizing: border-box;
}

.item-pic {
	text-align: center;
	margin: 50px auto;
}

.item-pic>img {}

.item-name {
	display: flex;
	justify-content: center;
	margin: 20px auto;
	align-items: center;
}

.item-name>h3 {
	font-size: 20px;
	margin: 0;
}

.it-name-lv2 {
	margin: ;
	width: 50px;
	height: 30px;
	background-image: url('../images/vip_m.png');
	background-repeat: no-repeat;
	background-position: -120px 0;
}

.lis {
	text-align: center;
	font-size: 13px;
	color: #999;
}

.lis span {
	padding: 0 15px;
	border-right: 1px solid #e5e5e5;
}

.lis .lis-exspan {
	border-right-width: 0;
}

.label-yellow {
	margin: 20px auto;
	display: flex;
	justify-content: center;
}

.label-yellow>span {
	background-color: #fff3eb;
	margin: 0 3px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 24px;
	color: #ff6a00;
	height: 24px;
	border-radius: 3px;
	display: block;
}

.item-new {
	margin: 20px 0;
	text-align: center;
}

.item-new>span {
	margin-right: 10px;
	display: inline-block;
	background-color: #ff6a00;
	padding: 0 5px;
	font-size: 12px;
	border-radius: 2px;
	color: #fff;
}

.item-new>p {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 18px;
	color: #222;
	max-width: 150px;
	height: 18px;
}

.items>a {
	transition: 0.2s linear;
	background-color: #fff;
}

.items>a:hover {
	transform: scale(1.03, 1.03);
	box-shadow: 0 13px 40px rgb(85, 85, 85);
}

/* item项目列表结束 */
/* item两个小按钮 */
.item-btn {
	text-align: center;
}

.item-btn>span {
	width: 30px;
	height: 2px;
	margin: 0 8px;
	display: inline-block;
	background-color: #ff6a00;
}

.item-btn>span:hover {
	cursor: pointer;
}

/* item更多 */
.it-more {
	width: 178px;
	height: 38px;
	background-color: #fff;
	border: 1px solid #eee;
	text-align: center;
	border-radius: 2px;
	margin: 40px auto;
	margin-bottom: 60px;
	line-height: 38px;
}

/* effect效果部分 */
.effect {
	width: 100%;
	height: 1100px;
	background-color: #f8f8f8;
}

.effect-title {
	margin-top: 40px;
	overflow: hidden;
	text-align: center;
}

.effect-title h2 {
	font-size: 36px;
	line-height: 76px;
	margin-top: 40px;
	margin-bottom: 0;
}

.ef-ti-p {
	padding-top: 20px;
}

.ef-ti-p p {
	display: inline-block;
	font-size: 16px;
	padding: 0 30px;
	border-right: 1px solid #e5e5e5;
}

.ef-ti-p>.p-exe {
	border: 0;
}

.ef-ti-p>p:hover {
	color: #ff6a00;
	cursor: pointer;
}

.effect-details {
	margin: 60px auto 0 auto;
	padding-bottom: 30px;
	display: flex;
	justify-content: space-between;
}

.eff-det {
	margin: 0 10px;
	width: 460px;
	height: 200px;
	display: flex;
	background-color: #fff;
	transition: 0.3s;
}


.det-left {
	margin: 50px 0 0 40px;
	width: 60px;
	text-align: center;
}

/* 效果图effect部分精灵图 */
.det-left-pic1 {
	width: 60px;
	height: 60px;
	background-image: url("../images/zy_m.png");
	background-repeat: no-repeat;
	background-position: 0 -90px;
}

.det-left-pic2 {
	width: 60px;
	height: 60px;
	background-image: url("../images/zy_m.png");
	background-repeat: no-repeat;
	background-position: -60px -90px;
}

.det-left-pic3 {
	width: 60px;
	height: 60px;
	background-image: url("../images/zy_m.png");
	background-repeat: no-repeat;
	background-position: -120px -90px;
}

.det-left>p {
	height: 40px;
	font-size: 20px;
}

.det-right {
	width: 240px;
	height: 120px;
	margin: 40px 0 0 60px;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.det-right-exe {
	width: 280px;
	height: 120px;
	margin: 40px 0 0 60px;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.det-right-exe>span {
	width: 70px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #999999;
}

.det-right>span {
	width: 70px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #999999;
}

.det-right-exe>span:hover {
	color: #ff6a00;
	cursor: pointer;
}

.det-right>span:hover {
	color: #ff6a00;
	cursor: pointer;
}

/* effect悬停效果 */
.eff-det:hover {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* eff展示图模块 */
.effect-imgage {
	display: flex;
	justify-content: space-between;
}

.eff-img-left>img {
	width: 700px;
	height: 520px;
}

.eff-img-right {
	width: 720px;
	height: 520px;
	display: flex;
	flex-wrap: wrap;
}

.eff-img-right div {
	width: 340px;
	height: 250px;
	margin-right: 20px;
	position: relative;
}

.eff-img-right div>img {
	width: 100%;
	height: 100%;
	transition: all 1s;
}

.exe-div-img {
	margin-bottom: 12px;
}

.eff-img-right>div>img:hover+span {
	opacity: 0.5;
	display: block;
}

.eff-img-right>div>span:hover {
	opacity: 0.5;
	display: block;
}

.eff-img-right>div>span {
	background-color: #000;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	transition: all 1s;
	z-index: 2;
	color: white;
	text-align: center;
	line-height: 250px;
	font-size: 22px;
	opacity: 0;
}

/* eff结束 */

/* method 攻略 */
.method {
	display: flex;
	justify-content: center;
}

.met-title {
	text-align: center;
	margin-top: 40px;
	/* overflow: hidden; */
}

.met-title>h2 {
	font-size: 36px;
}

.process {
	display: flex;
	position: relative;
	z-index: 50;
	margin-top: 60px;
}

.process .pro1 {
	position: relative;
	z-index: 2;
	width: 348px;
	height: 450px;
	border: 1px solid #eee;
	transition: 0.4s linear;
	background-color: #fff;
}

.process .pro2 {
	position: relative;
	width: 720px;
	height: 450px;
	border: 1px solid #eee;
	transition: 0.4s linear;
	background-color: #fff;
}

.pro-title {
	background-color: #f6f6f6;
	overflow: hidden;
	position: relative;
	height: 130px;
}

.pro-title img {
	display: none;
	width: 100%;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
}

.pro-title>p {
	margin-top: 25px;
	font-size: 26px;
	text-align: center;
	position: relative;
	z-index: 2;
}

.pro-title span {
	color: #999;
	position: relative;
	text-align: center;
	z-index: 2;
	font-size: 13px;
}


/* pro模板中心部分 */
.pro-center {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.pro-center2 {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.pro-center>div {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	width: 280px;
}

.pro-center2>div {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	width: 560px;
}

.proc-item {
	width: 140px;
	height: 90px;
	margin: 20px 0;
	text-align: center;
}

.proc-item>p {
	font-size: 16px;
	transition: 0.2s;
}

.pro-center .pro-exe-display {
	display: block;
	width: 120px;
}

/* pro1的精灵图 */
.pro-pic {
	margin: 0 auto;
	width: 60px;
	height: 60px;
}

.ppic1-1 {
	background-image: url("../images/zx_m.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}

.ppic1-2 {
	background-image: url("../images/zx_m.png");
	background-repeat: no-repeat;
	background-position: -60px 0;
}

.ppic1-3 {
	background-image: url("../images/zx_m.png");
	background-repeat: no-repeat;
	background-position: -120px 0;
}

.ppic1-4 {
	background-image: url("../images/zx_m.png");
	background-repeat: no-repeat;
	background-position: -180px 0;
}

.ppic2-1 {
	background-image: url("../images/zx_m.png");
	background-repeat: no-repeat;
	background-position: 0 -60px;
}

.ppic2-2 {
	background-image: url("../images/zx_m.png");
	background-repeat: no-repeat;
	background-position: -60px -60px;
}

.ppic2-3 {
	background-image: url("../images/zx_m.png");
	background-repeat: no-repeat;
	background-position: -120px -60px;
}

.ppic2-4 {
	background-image: url("../images/zx_m.png");
	background-repeat: no-repeat;
	background-position: -180px -60px;
}

.ppic2-5 {
	background-image: url("../images/zx_m.png");
	background-repeat: no-repeat;
	background-position: 0 -120px;
}

.ppic2-6 {
	background-image: url("../images/zx_m.png");
	background-repeat: no-repeat;
	background-position: -60px -120px;
}

.ppic2-7 {
	background-image: url("../images/zx_m.png");
	background-repeat: no-repeat;
	background-position: -120px -120px;
}

.ppic2-8 {
	background-image: url("../images/zx_m.png");
	background-repeat: no-repeat;
	background-position: -180px -120px;
}

.ppic3-1 {
	background-image: url("../images/zx_m.png");
	background-repeat: no-repeat;
	background-position: -240px 0;
}

.ppic3-2 {
	background-image: url("../images/zx_m.png");
	background-repeat: no-repeat;
	background-position: -240px -60px;
}

/* 悬停部分 */

.pro1:hover img {
	display: block;
}

.pro1:hover .pro-title p {
	color: white;
}

.pro1:hover span {
	color: white;
}

.pro2:hover img {
	display: block;
}

.pro2:hover .pro-title p {
	color: white;
}

.pro2:hover span {
	color: white;
}

.pro1:hover {
	transform: scale(1.02, 1.02);
	box-shadow: 0 13px 40px rgb(85, 85, 85);
	z-index: 100;
}

.pro2:hover {
	transform: scale(1.03, 1.03);
	box-shadow: 0 13px 40px rgb(85, 85, 85);
	z-index: 100;
}

/* 悬停部分——精灵图 */
.exe-hover1-1:hover .ppic1-1 {
	background-position: 0 -180px;
}

.exe-hover1-2:hover .ppic1-2 {
	background-position: -60px -180px;
}

.exe-hover1-3:hover .ppic1-3 {
	background-position: -120px -180px;
}

.exe-hover1-4:hover .ppic1-4 {
	background-position: -180px -180px;
}

/* 6个小图部分 */
.exe-hover2-1:hover .ppic2-1 {
	background-position: 0 -240px;
}

.exe-hover2-2:hover .ppic2-2 {
	background-position: -60px -240px;
}

.exe-hover2-3:hover .ppic2-3 {
	background-position: -120px -240px;
}

.exe-hover2-4:hover .ppic2-4 {
	background-position: -180px -240px;
}

.exe-hover2-5:hover .ppic2-5 {
	background-position: 0 -300px;
}

.exe-hover2-6:hover .ppic2-6 {
	background-position: -60px -300px;
}

.exe-hover2-7:hover .ppic2-7 {
	background-position: -120px -300px;
}

.exe-hover2-8:hover .ppic2-8 {
	background-position: -180px -300px;
}

.exe-hover3-1:hover .ppic3-1 {
	background-position: -240px -180px;
}

.exe-hover3-2:hover .ppic3-2 {
	background-position: -240px -240px;
}

.proc-item:hover p {
	color: #ff6a00;
}

/* 精彩推荐部分 */
/* 左图右滑图 */
.recommend {
	background-color: #f8f8f8;
}

.all-recommend {
	margin-top: 60px;
	display: flex;
}

.reco-left {
	width: 940px;
}

.reco-right {
	width: 480px;
	height: 480px;
	overflow: hidden;
	position: relative;
	padding-bottom: 49px;
}

.reco-right ul {
	width: 430px;
	margin-left: 20px;
}

.reco-right ul li {
	height: 120px;
	display: flex;
}

.reco-li-l {
	margin-top: 20px;
}

.reco-li-r {
	margin: 12px 0 0 20px;
	overflow: hidden;
}

.reco-li-r p {
	font-size: 16px;
	margin-top: 6px;
	height: 57px;
	overflow: hidden;
}

.reco-li-r span {
	display: block;
	font-size: 13px;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
}

.reco-btn {
	position: absolute;
	bottom: 0px;
	display: flex;
	z-index: 6;
}

.reco-btn>div {

	width: 240px;
	height: 49px;
	background-color: white;
	border: 1px solid #f0f0f0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.reco-btn>div:hover {
	background-color: #ff6a00;
	border-color: #ff6a00;
	cursor: pointer;
}

.reco-btn1>div {
	width: 30px;
	height: 30px;
	background-image: url("../images/zy_m.png");
	background-repeat: no-repeat;
	background-position: -210px -90px;
}

.reco-btn2>div {
	width: 30px;
	height: 30px;
	background-image: url("../images/zy_m.png");
	background-repeat: no-repeat;
	background-position: -240px -270px;
}

/* 底部栏1 */
.bot1 {
	background-color: #222;
}

.bottom1 {
	height: 195px;
	width: 100%;
	overflow: hidden;
}

.bot1-title {
	height: 34px;
	margin-top: 30px;
	display: flex;
}

.bot1-title>p {
	width: 90px;
	margin-right: 10px;
	font-size: 13px;
	background-color: #333;
	text-align: center;
	height: 34px;
	line-height: 34px;
	cursor: pointer;
	color: #f1f1f1;
}

.bot1-title>p:hover {
	color: #fff;
	background-color: #444;
}

/* 底部栏2 */
.bot2 {
	border-top: 1px solid #111;
	background-color: #222;
}

.bottom2 {
	height: 203px;
}

.bot2-1 {
	height: 142px;
	width: 528px;
	float: left;
}

.b21-title {
	margin-top: 23px;
}

.b21-title>a {
	margin-right: 20px;
	color: #fff;
	font-size: 13px;
}

.b21-bt {
	width: 100%;
	height: 90px;
}

.b21-bt>p {
	color: #6b6b6b;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}

.bot2-2 {
	width: 574px;
	height: 160px;
	float: right;
}

.bot2-2>div {
	display: flex;
	margin-top: 50px;
}

.tel {
	width: 262px;
	height: 88px;
}

.tel>p {
	font-size: 14px;
	line-height: 34px;
	height: 34px;
	color: #919191;
}

.tel>span {
	font-size: 36px;
	color: #fff;
	line-height: 48px;
	height: 48px;
}

.kefu {
	text-align: center;
	margin-top: 10px;
	margin-left: 20px;
	background-color: #444;
	border-radius: 4px;
	height: 40px;
	width: 100px;
	display: flex;
	align-items: center;
}

.kefu>div {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url("../images/zy_m.png");
	background-repeat: no-repeat;
	background-position: -270px -90px;
}

.kefu>span {
	color: #fff;
	font-size: 14px;
}

.bot-pic {
	width: 194px;
	height: 110px;
}

.bot-pic ul {
	display: flex;
}

.bot-pic ul li {
	margin-left: 15px;
	width: 80px;
	height: 110px;
}

.bot-pic ul li img {
	width: 80px;
}

.bot-pic ul li p {
	text-align: center;
	font-size: 12px;
	color: #fff;
	width: 80px;
	height: 30px;
	line-height: 30px;
}

.bot2-3 {
	float: left;
	width: 382px;
	height: 60px;
}

.bot2-3>div {
	margin: 10px 0 20px 0;
}

.bot2-3 ul {
	display: flex;
}

.bot2-3 ul>li>span {
	color: #6b6b6b;
	font-size: 12px;
	margin-right: 5px;
}

.bot-exe-li>img {
	width: 70px;
	height: 30px;
}
